<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>用户列表</title>
    <link rel="stylesheet" th:href="@{/public/lib/layui/css/layui.css}">
    <link rel="stylesheet" th:href="@{/user/list.css}">
    <script th:src="@{/public/lib/jquery/jquery-3.7.1.min.js}"></script>
    <script th:src="@{/public/lib/layui/layui.js}"></script>
    <script th:src="@{/user/list.js}"></script>
</head>
<body>
<!--条件搜索区-->
<div class="search">
    <form>
        <div>
            <label for="name">姓名：</label>
            <input type="text" id="name" autocomplete="off" placeholder="请输入姓名">
        </div>
        <div>
            <label for="sex">性别：</label>
            <select id="sex">
                <option value="">不限</option>
                <option value="男">男</option>
                <option value="女">女</option>
            </select>
        </div>
        <div>
            <label for="phone">手机号：</label>
            <input type="text" id="phone" autocomplete="off" placeholder="请输入手机号">
        </div>
        <div>
            <label for="email">邮箱：</label>
            <input type="text" id="email" autocomplete="off" placeholder="请输入邮箱">
        </div>
    </form>
</div>

<!--按钮区-->
<div class="action">
    <div>
        <button id="add-btn" type="button">新增</button>
    </div>
    <div>
        <button id="edit-btn" type="button">修改</button>
    </div>
    <div>
        <button id="del-btn" type="button">删除</button>
    </div>
    <div>
        <button id="search-btn" type="button">查询</button>
    </div>
    <div>
        <button id="reset-btn" type="button">重置</button>
    </div>
</div>

<!--数据区-->
<div class="data">
    <!--使用layui表格-->
    <table id="tbl" lay-filter="tbl"></table>
</div>
</body>
</html>